<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/user.css">
</head>

<body>
    <div class="top">
        <div>个人中心</div>
    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="userinfo">
            <div class="avatar">
                <img src="./assets/images/avatar.png" alt="">
            </div>
            <div class="nickname">admin</div>
            <div class="nickname content">这家伙很懒，什么也没写！</div>
        </div>
        <div class="corrugated">
            <div class="wave-top wave-item"></div>
            <div class="wave-middle wave-item"></div>
            <div class="wave-bottom wave-item"></div>
        </div>
    </div>
    <!-- <div class="menu-center">
        <div class="item">
            <div>1</div>
            <div class="text">支付</div>
        </div>
        <div class="item">
            <div>10</div>
            <div class="text">待支付</div>
        </div>
        <div class="item">
            <div>7</div>
            <div class="text">待评论</div>
        </div>
    </div> -->
    <div class="menu-cell">
        <div class="item">
            <a href="order.html">
                <div class="title">房间订单</div>
                <div class="icon">
                    <img src="./assets/images/right.png" alt="">
                </div>
            </a>
        </div>
        <!-- <div class="item">
            <a href="collect.html">
                <div class="title">我的收藏</div>
                <div class="icon">
                    <img src="./assets/images/right.png" alt="">
                </div>
            </a>
        </div> -->
        <div class="item">
            <a href="profile.html">
                <div class="title">个人资料</div>
                <div class="icon">
                    <img src="./assets/images/right.png" alt="">
                </div>
            </a>
        </div>
        <div class="item">
            <a href="coupon.html">
                <div class="title">我的优惠券</div>
                <div class="icon">
                    <img src="./assets/images/right.png" alt="">
                </div>
            </a>
        </div>
        <div class="item">
            <a href="hotel-info.html">
                <div class="title">关于我们</div>
                <div class="icon">
                    <img src="./assets/images/right.png" alt="">
                </div>
            </a>
        </div>
        <div class="item">
            <a href="">
                <div class="title">退出登陆</div>
                <div class="icon">
                    <img src="./assets/images/right.png" alt="">
                </div>
            </a>
        </div>
    </div>

    <div class="footer">
        <a class="item" href="index.html">
            <div class="item_img">
                <img src="./assets/images/order.png" alt="">
            </div>
            <div class="title">首页</div>
        </a>
        <a class="item active" href="user.html">
            <div class="item_img">
                <img src="./assets/images/order.png" alt="">
            </div>
            <div class="title">我的</div>
        </a>
    </div>
</body>

</html>